import {FC} from 'react';
import { CapsuleChart,BorderBox1 } from '@jiaminghi/data-view-react';
import style from './classManger.less';

const ClassManger:FC = () => {
    return <div className={style.box}>
        {/* <Decoration1 color={['red', 'green']} /> */}
        <BorderBox1>
            <CapsuleChart config={{
                data: [
                    {
                    name: '南阳',
                    value: 167
                    },
                    {
                    name: '周口',
                    value: 67
                    },
                    {
                    name: '漯河',
                    value: 123
                    },
                    {
                    name: '郑州',
                    value: 55
                    },
                    {
                    name: '西峡',
                    value: 98
                    }
                ]
                }} style={{width:'300px',height:'200px'}} />
        </BorderBox1>
        {/* <Loading>Loading...</Loading> */}
        {/* <BorderBox8 reverse="{true}">BorderBox8</BorderBox8> */}
        {/* <BorderBox11 title="dv-border-box-11">BorderBox11</BorderBox11> */}
    </div>
}

export default ClassManger